<template>
        <table class="editor"  border="0" cellspacing="1" cellpadding="0">
                <thead>
                    <tr>
                        <th>日期</th>
                        <th>姓名</th>
                        <th>省份</th>
                        <th>市区</th>
                        <th>地址</th>
                        <th>邮编</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="item in tableData" :key="item.name">
                        <td>{{item.date}}</td>
                        <td>{{item.name}}</td>
                        <td>{{item.province}}</td>
                        <td>{{item.city}}</td>
                        <td>{{item.address}}</td>
                        <td>{{item.zip}}</td>
                        <td>
                            <el-button type="text" size="small">查看</el-button>
                            <el-button type="text" size="small">编辑</el-button>
                        </td>
                    </tr>
                </tbody>
            </table>
</template>
<style scoped>
.table{
    width: 100%;
    
}
.table,button{
    font-size: 1.2rem;
}
.table thead tr{
    background: #e4eaf3;
}
.table th,.table td{
    padding: 1rem;
}
.table tbody tr {
    border-bottom: 1px solid #e4eaf3;
}
.table tbody tr:hover {
    background: #eef1f6;
}
</style>
<script>
export default {
    name: 'editor',
    data() {
        return {

        }
    },
    props: ['tableData'],
    methods: {

    },
    mounted() {

    }
}
</script>
